<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/x-template" id="dialogAddNotice">
    <div class="dialogs">
        <div class="dialog dialog-addsurvey" :class="{ 'dialog-active': show }" style="z-index: 4000">
            <div class="dialog-content">
                <div class="dialog-close dialog-rotate">
                    <span class="dialog-iconfont icon-close" @click="close"></span>
                </div>
                <div class="dialog-header" slot="header">
                    <h1 class="dialog-addsurvey-title">
                        <div>添加须知</div>
                    </h1>
                </div>
                <div class="dialog-addSurvey-list">
                    <template v-for="i in 5">
                        <div>test膝关节炎症可视化量表1</div>
                        <div>后足评分系统</div>
                        <div>VAS-疼痛评分表</div>
                        <div>膝关节周经测量</div>
                    </template>
                </div>
                <div class="dialog-body">
                    <div class="dialog-addSurvey-search">
                        <input type="text" placeholder="须知名称" class="search-input">
                        <div class="search-enter">搜索</div>
                    </div>
                    <div class="dialog-body">
                        <div class="dialog-body-head">
                            <div class="dialog-body-head-choosed">须知库</div>
                            <div></div>
                            <div>个人须知</div>
                        </div>
                        <div class="dialog-body-content gray-color">
                            <div v-for="survey in surveys">
                                <input type="checkbox" name="surveys" :value="survey"/>{{survey}}
                            </div>
                        </div>
                    </div>
                    <div class="dialog-confirm">
                        保存
                    </div>
                </div>
            </div>
        </div>
        <div class="dialog-overlay" style="z-index: 3000"></div>
    </div>
</script>
<script>
    var dialogAddNotice = {
        template: '#dialogAddNotice',
        data:function () {
            return {
                surveys:["test膝关节炎症可视化量表1","膝关节炎症可视化量表","Mayo后足评分系统","膝关节周经测量","VAS-疼痛评分表","Cano手-前臂手术疗效评分系统"]
            }
        },
        props: ['show'],
        methods: {
            close: function () {
                this.show = false
            }
        }
    }
</script>
<link rel="stylesheet" href="../../css/txzj/font/iconfont.css" />
<link rel="stylesheet" href="../../css/txzj/component/dialog.css" />
<link rel="stylesheet" href="../../css/txzj/component/dialog-add-survey&notice.css" />